<template>
    <el-card class="box-card" shadow="never">
        <div slot="header">
            <span>✨ {{ $t('card.sentence') }}</span>
        </div>
        <div>
            <div class="has-text-left block">
                {{tip.content}}
            </div>
            <div class="has-text-right mt-5 block">
                ——{{tip.author}}
            </div>
        </div>
    </el-card>
</template>

<script>
import {getTip} from '@/api/tip'
export default {
  name: 'Tip',
  data() {
      return {
          tip: {}
      }
  },
  created() {
      this.fetchTip();
  },
  methods: {
      async fetchTip() {   
        getTip().then((value) => {
        const { data } = value;
        this.tip = data;
      });
    },
  },
};
</script>

<style>
</style>